/* 侧边 - 购物车 */
.ceb_gouwuc {
    display: flex;
}

.publicAich {
    /* 侧边购物栏 */
    transition: all .3s linear;
}

.gouw {
    width: 280px;
    height: 100%;
    background-color: #eceaea;
    position: fixed;
    right: -280px;
    top: 0px;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
    transition: all .3s linear;
}

.gohuwu_tit {
    /* 题头 */
    width: 100%;
    height: 38px;
    background-color: #efefef;
    border-bottom: 1px solid #d1d1d1;
}

.tit_ce {
    width: 260px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lef_gouw {
    line-height: 38px;
    color: #535151;
    font-size: 15px;
}

.rig_gouw {
    color: #646464;
}

.gouwu_zhans {
    /* 购物车商品展示区 */
    width: 100%;
    height: 97%;
    background-color: #eceaea;
    position: relative;
}

/* 有商品时的样式 - 商品样式 */
.shangppp {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    background-color: #fff;
}

.shangpp_img {
    /* 商品图片 */
    width: 87px;
    height: 80px;
}

.shangp_miaos {
    /* 商品右边的描述 - 添加栏 */
    width: 158px;
    height: auto;
    margin-left: 10px;
}

.spp_miaos_wzz {
    /* 商品名称 - 描述 */
    font-size: 11.2px;
    line-height: 16px;
    color: #717171;
}

.spp_miaos_jgg {
    /* 商品价格 - 描述 */
    color: #f42424;
    font-family: 楷体;
    font-size: 14px;
    margin: 4px 0px;
}

.spp_miaos_jjs {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.spp_miaos_jjs_lef {
    display: flex;
}

.spp_miaos_jjs_lef>div {
    width: 18px;
    height: 18px;
    border: 1px solid #6a6364;
    text-align: center;
    line-height: 18px;
    color: #969696;
    font-size: 16px;
    font-weight: 700;
}

.del>a {
    color: #969696;
    font-size: 14px;
    display: none;
}

.shangppp:hover .del>a {
    display: block;
}

.del>a:hover {
    color: #f42424;
}

.zhans_xiaon {
    /* 空购物车的时候显示的样式 */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.xiaojiji {
    /* 小鸟 */
    width: 132px;
    height: 85px;
    display: flex;
}

.konggouwms {
    /* 空购物车描述 */
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.konggouwms>p {
    font-size: 14px;
}

.gouwu_jiesuan {
    /* 购物车商品结算区 */
    width: 280px;
    height: 80px;
    position: fixed;
    bottom: 0px;
    right: -280px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}

.jiesuan_top {
    /* 上面的商品总结 */
    width: 260px;
    height: 24px;
    display: flex;
    justify-content: space-between;
}

.shangpinsl,
.shangpinjg {
    font-size: 18px;
    font-weight: 700;
    color: #f42424;
}

.jiesuan_bot {
    /* 下面的购物结算 */
    width: 260px;
    height: 33px;
    background-color: #f42424;
    text-align: center;
    line-height: 33px;
    color: #fff;
}



/*购物车样式  */

.cart-block {
    display: flex;
    padding: 0.15rem 0.12rem 0;
    background-color: #fff;
}

.cart-goods-img {
    width: 80px;
    height: 80px;
    margin: 0 0.1rem;
    border-radius: 0.05rem;
}

.cart-goods-info {
    border-bottom: 1px solid #F1F1F1;
    width: 65%;
    padding-bottom: 0.17rem;
}

.cart-goods-name {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #725b5b;
    font-size: 14px;
}

.cart-goods-sku {
    color: #C2C2C2;
    font-size: 0.11rem;
}

.price-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.17rem;
}

.price-wrap>span {
    color: #EB2E15;
    font-size: 0.15rem;
}


.checkbox-wrap {
    position: relative;
    top: -0.06rem;
    display: flex;
    align-items: center;
}

.total-wrap .checkbox-wrap {
    width: 10px;
    height: 10px;
    top: 0;
    margin-right: 0.1rem;
}

.tick {
    width: 10px;
}

.checkbox {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    opacity: 0;
}

.cart-goods-sku {
    color: #C2C2C2;
    font-size: 11px;
}


.num-wrap {
    display: flex;
    align-items: center;
}

.num-wrap img {
    width: 20px;
}

.num-input {
    width: 50px;
    border: 0;
    text-align: center;
    font-size: 13px;
}


.footer {
    box-shadow: 0 0 0;
}

.total-wrap {
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0.5rem;
    box-shadow: 0px -1px 0px rgba(235, 235, 235, 1);
}

.total-wrap {
    width: 274px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.04rem 0.12rem;
}

.total-left {
    display: flex;
    align-items: center;
    color: #1A1A1A;
    font-size: 0.13rem;
}

.total-right {
    display: flex;
    align-items: center;
}

.total-btn {
    width: 60px;
    line-height: 25px;
    border: 0;
    background-color: #EB2E15;
    font-size: 11px;
    color: #fff;
    border-radius: 50rem;
    margin-left: 0.09rem;
}

.total-right span {
    color: #EF0F00;
}

.symbol,
.integer {
    font-size: 13px;
}

.point {
    font-size: 13px;
}

.total-right button span {
    color: #fff;
}

.delete-btn {
    display: none;
}

/* 金钱符号 */
.jinqqqq {
    font-size: 13px;
    color: #f42424;
    font-family: 宋体;
}